
/*公共部分*/
html{
	font-size: 20px;
}
body{
	padding-bottom: 4.5rem;
}
.public-D{
	width: 100%;
	height: 4.5rem;
	background: "#ffffff";
	position: fixed;
	bottom: 0;
	box-sizing: border-box;
	padding: 0 0.5rem;
	display: flex;
	background: white;
	justify-content: space-around;
	

}
.public-D>div span{
	font-size: 1rem;
	position: absolute;
	width: 2rem;
	left:0;
	right:0;
	margin: 0 auto;
	top:2.6rem;
}
.public-D1{
	padding: 0.5rem;
	height: 4.5rem;
	box-sizing: border-box;
	position: relative;
	width: 3rem;
}
.public-D1 img{
	width: 2rem;
	height: 2rem;
	position: absolute;
	left:0;
	right:0;
	margin: 0 auto;
	top:0.5rem;
	
}


.fenz{
	bottom: 5.5rem;
	left:2.7%;
	position: absolute;
	height:23.5rem;
	width: 28.6%;
	
}
.fenz1{
	width: 100%;
	height: 22.5rem;
	box-shadow: 0px 0px 5px 1px gray ;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: white;
	z-index: 5;
	box-sizing: border-box;
	padding:0 1rem;
}
.fenz2{
	width: 1rem;
	height: 1rem;
	box-shadow: 0px 0px 5px 1px gray ;
	position: absolute;
	left:0;
	right:0;
	margin: 0 auto;
	bottom: 0.4rem;
	background: white;
	transform: rotateZ(45deg);
	
}
.fenz1 p{
	font-size: 1.5rem;
	border-bottom: 1px solid gainsboro;
	display: inline-block;
	width: 100%;
	height: 4.5rem;
	text-align: center;
	line-height: 4.5rem;
}



/*食材供应*/
html{
	/*font-size: 20px;*/
}
body{
	background: rgb(233,239,242);
}
.foodDTop{
	height: 4.5rem;
	background: white;
	position: relative;
}
.foodDTopIn{
	height: 3rem;
	padding-left:3rem ;
	font-size: 1.5rem;
	margin-top: 0.75rem;
	line-height: 3rem;
	box-sizing: border-box;
}
.foodDTopInImg{
	position: absolute;
	top:0;
	bottom: 0;
	margin: auto 0;
	left:1rem;
	width: 1.5rem;
	height: 1.5rem;
}
.foodDTopD{
	margin-top: 1rem;
	background: white;
	padding-bottom: 1.5rem;
}
.foodDTopDTop{
	height: 4.5rem;
	padding-left: 1.5rem;
	box-sizing: border-box;
	border-bottom: 1px solid gainsboro;
	
}
.foodDTopDTopD{
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 1.5rem;
	float: left;
	padding: 0 1.5rem;
	
}
.foodDTopDTopD:nth-child(1){
	color: red;
	border-bottom: 1px solid red;
}



.foodDBody{
	width: 100%;
	overflow: hidden;
	padding-bottom: 1px;
}
.foodDBodyD1{
	float: left;
	width: 44.6%;
	height: 22.5rem;
	/*box-shadow: 0px 0px 1px 1px gray;*/
	margin-left: 2.8%;
	margin-top: 1.5rem;
	position: relative;
	box-sizing: border-box;
	border:1px solid gainsboro;
}
.foodDBodyD1 img{
	width:94%;
	height: 15.5rem;
	position: absolute;
	left:0;
	right:0;
	margin: 0 auto;
	top:3.5%;
	
}
.foodDBodyD1:nth-child(odd){
	margin-left: 4%;
}
.foodDBodyD1P1{
	position: absolute;
	top:16.5rem;
	font-size: 1.4rem;
	padding-left: 1rem;
	margin-top: 0.5rem;
}
.foodDBodyD1P2{
	font-size: 1.8rem;
	padding-left: 1rem;
	margin-top: 1rem;
	color: red;
	position: absolute;
	top:18.5rem;
}

.foodDDTop{
	background: white;
	width: 100%;
	padding: 1.5rem;
	box-sizing: border-box;
}
.foodDDTopD1{
	overflow: hidden;
	border-bottom: 1px solid gainsboro;
	padding-bottom: 1.5rem;
}
.foodDDTopD1Le{
	width: 16.5rem;
	height: 16.5rem;
	position: relative;
	border: 1px solid gainsboro;
}
.foodDDTopD1Le img{
	width: 94%;
	height: 94%;
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin: auto;
}
.foodDDTopD1>div{
	float: left;
}
.foodDDTopD1R{
	width: 12rem;
	height: 16.5rem;
	padding-left: 1.5rem;
}
.foodDDTopD1RP1{
	font-size: 1.5rem;
	margin-top: 1.5rem;
}
.foodDDTopD1RP2{
	font-size: 1.5rem;
	margin-top: 1rem;
	height: 2rem;
	overflow: hidden;
}
.foodDDTopD1RP3{
	font-size: 1.5rem;
	color: gray;
	margin-top: 1rem;
}
.foodDDTopD1RP3 span{
	font-size: 1.8rem;
	color: red;
}
.foodDDTopD1RP4{
	margin-top: 1rem;
	font-size: 1.5rem;
	color: gray;
}
.foodDDTop1{
	margin-top: 1rem;
	font-size: 1.5rem;
	
}
.foodDDTop2{
	margin-top: 1rem;
	font-size: 1.5rem;
	color: gray;
}
.foodDDTop2 img{
	width: 1.5rem;
	height: 1.5rem;
}

.foodDDTop2 span{
margin-left: 1rem;
color: gray;
}
.foodDDbody{
	width: 100%;
	padding: 1.5rem;
	background: white;
	margin-top: 1rem;
box-sizing: border-box;
}
.foodDDbody1{
	height: 15rem;
	overflow: hidden;
	line-height: 1.7rem;
	font-size: 1.3rem;
	color: gray;
}
.foodDDbody img{
	margin-top: 1.5rem;
	width: 100%;
	
}



/*重庆火锅*/

body{
	background: rgb(237,243,246);
}
.chD{
	position: relative;
}
.chDTop{
	height: 4.5rem;
	background: white;
	position: relative;
}
.chDTopIn{
	width: 80%;
	height: 3rem;
	padding-left:3rem ;
	font-size: 1.5rem;
	margin-top: 0.75rem;
	line-height: 3rem;
	box-sizing: border-box;
}
.chDTopInImg{
	position: absolute;
	top:0;
	bottom: 0;
	margin: auto 0;
	left:1rem;
	width: 1.5rem;
	height: 1.5rem;
}
.changP1{
	height: 3.25rem;
	line-height: 3.25rem;
	font-size: 1.5rem;
	padding-left:1.5rem ;
	box-sizing: border-box;
}
.changD1{
	background: white;
	width: 100%;
	height: 13.5rem;
	padding: 1.5rem;
	border-bottom: 1px solid gainsboro;
	box-sizing: border-box;
}
.changD1>div{
	float: left;
}
.changD1Left{
	width: 40%;
	height: 10rem;
}
.changD1Left img{
	width: 100%;
	height: 100%;
}
.changD1Right{
	width: 55%;
	padding-left: 1.5rem;
	box-sizing: border-box;
}
.changD1RightP1{
	font-size: 1.4rem;
	margin-top: 0.5rem;
}
.changD1RightP2{
	font-size: 1.3rem;
	margin-top: 0.5rem;
}
.changD1RightD{
	height: 4rem;
	font-size: 1.3rem;
	overflow: hidden;
	line-height: 2.3rem;
	color: gray;
}
.chang1{
	/*margin-top: 1.5rem;*/
}
.xuan{
	position: absolute;
	width: 1.5rem;
	top:12rem;
	background: white;
	right:0;
	
}
.xuan li{
	width: 1.5rem;
	font-size: 1rem;
	text-align: center;
	color: red;
}

.chDDTop{
	background: white;
	width: 100%;
	padding: 1.5rem;
	box-sizing: border-box;
	
}
.chDDTopD{
	overflow: hidden;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid gainsboro;
}
.chDDTopD>div{
	float: left;
}
.chDDTopLeft{
	width: 40%;
	height: 10rem;
}
.chDDTopLeft img{
	width: 100%;
	height: 100%;
}
.chDDTopRight{
	width: 55%;
	box-sizing: border-box;
	padding-left: 1.5rem;
}
.chDDTopRightP1{
	font-size: 1.5rem;
}

.chDDTopRightP2{
	font-size: 1.3rem;
	
	margin-top: 1rem;
	
}

.chDDTopRightP2 img{
	width: 1.5rem;
	height: 1.5rem;
}
.chDDTopRightP2 span{
	margin-left: 1rem;
	color: gray;
}
.chDDTopDD{
	font-size: 1.3rem;
	height: 4rem;
	overflow: hidden;
	margin-top: 1.5rem;line-height: 2rem;
	color: gray;
}
.chDDTopDD span{
	color:red;
}

.chDDbody{
	margin-top: 1.5rem;
	background: white;
	padding: 1.5rem;
	
}
.chDDbodyD{
	font-size: 1.3rem;
	text-indent: 2.6rem;
	line-height: 1.7rem;
	height: 15rem;
	overflow: hidden;
	color: gray;
}
.chDDbody img{
	width: 100%;
	margin-top: 1.5rem;
}




/*火锅产品*/

html{
	/*font-size: 20px;*/
}
body{
	background: rgb(238,243,246);
}
.produceD{
	overflow: hidden;
	width: 100%;
	background: white;
	padding-bottom:1.5rem ;
}
.produceD1{
	margin-top: 1.5rem;
	width: 44.6%;
	height: 11.5rem;
	float: left;
	margin-left: 2.8%;
	border:1px solid gainsboro;
}
.produceD1 img{
	width: 100%;
	height: 100%;
}
.produceD1:nth-child(odd){
	margin-left: 4%;
}
.produceDD1{
	width: 100%;
	height: 20.5rem;
	padding: 1.5rem;
	box-sizing: border-box;
	background: white;
}
.produceDD1Top{
	height: 12rem;
	border-bottom: 1px solid gainsboro;
	padding-bottom: 1.5rem;
	box-sizing: border-box;
}
.produceDD1Topleft{
	width: 15rem;
	height: 10.25rem;
	border:1px solid gainsboro;
}
.produceDD1Top>div{
	float:left;overflow: hidden;
}
.produceDD1Topleft img{
	width: 100%;
	height: 100%;
}
.produceDD1Topright{
	width: 15.5rem;
	height: 10.25rem;
	padding-left: 1.5rem ;
}
.produceDD1ToprightP{
	font-size: 1.5rem;
	margin-top: 0.5rem;
}

.produceDD1ToprightD{
	font-size:1.3rem ;
	height: 6rem;
	overflow: hidden;
	line-height: 2rem;
	color: gray;
}
.produceDD1ToprightD span{
	color: red;
}

.produceDD1P1{
	font-size: 1.3rem;
	margin-top: 1rem;
	color: gray;
}
.produceDD1P2{
	font-size: 1.3rem;
	margin-top: 0.5rem;
	color: gray;
}
.produceDD1P1 img{
	width: 1.5rem;
	height: 1.5rem;
}
.produceDD1P2 img{
	width: 1.5rem;
	height: 1.5rem;
}
.produceDD2{
	margin-top: 1rem;
	width: 100%;
	background: white;
	padding-bottom: 1.5rem;
}
.produceDD2Top{
	font-size: 1.5rem;
	height: 4.5rem;
	border-bottom: 1px solid gainsboro;
	line-height: 4.5rem;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.produceDD2D{
	width: 100%;
	overflow: hidden;
	padding-bottom: 1px;
}
.produceDD2D1{
	float: left;
	width: 44.6%;
	height: 22.5rem;
	border:1px solid gainsboro;
	box-sizing: border-box;
	margin-left: 2.8%;
	margin-top: 1.5rem;
	position: relative;
}
.produceDD2D1 img{
	width: 94%;
	height: 15.5rem;
	position: absolute;
	left:0;
	right:0;
	margin: 0 auto;
	top:3.5%;
	
}
.produceDD2D1:nth-child(odd){
	margin-left: 4%;
}
.produceDD2D1P1{
	position: absolute;
	top:16.5rem;
	font-size: 1.4rem;
	padding-left: 1rem;
	margin-top: 0.5rem;
}
.produceDD2D1P2{
	font-size: 1.8rem;
	padding-left: 1rem;
	margin-top: 1rem;
	color: red;
	position: absolute;
	top:18.5rem;
}


/*首页*/

body{
	width: 100%;
	background: rgb(238,243,246);
}
.home-bg{
	width: 100%;background: white;
}
.home-top{width: 100%;height: 12.5rem;position: relative;
background: red;overflow: hidden;background: white;}
.home-lun{
	height: 15rem;width: 400%;position: absolute;top: 0;left: 0;
}
.home-lun  img{
	width: 25%;height: 15rem;float: left;
}
.home-lunul{
	width: 3rem;height: 0.75rem;margin: 0 auto;position: absolute;left: 0;right: 0;top: 10rem;	
}
.home-lunul li{
	width: 0.75rem;height: 0.75rem;border-radius:0.375rem;background: red;float: left;
}
.home-lunul li:nth-child(2){margin: 0 0.375rem;
	
}
.home-lunul li:nth-child(1){
	background:white;
}
.home-huoguo{
	width: 92%;margin: 0 auto;
}
.home-huoguoT{
	width: 100%;height:4.5rem;border-bottom: 1px solid rgb(220,220,220);
}
.home-huoguoT p {
	font-size: 1.6rem;color: rgb(218,37,28);
}
.home-tit{
	height: 100%;line-height: 4.5rem;display: inline-block;
}
.home-rightTit{
	float:right;padding-right: 0rem;padding-left: 4rem;
}
.home-more{
	width: 1.5rem;height: 1.5rem;margin: auto 0 auto 0.3rem;
}
/*内容*/
.home-huoguoL{
	width: 100%;height: 16.15rem;border-bottom: 0.05rem solid rgb(220,220,220);margin-top: 1.5rem;
	overflow: hidden;
}
.home-hgleft{
	width: 15rem;height: 10.3rem;float: left;
}
.home-hgright{
	width: 18rem;height: 10.3rem;float: right;
	overflow: hidden;
}
.home-hgimg{
	width: 15rem;height: 10.3rem;overflow: hidden;
}
.home-hgimg img{
	width: 15rem;height: 10.3rem;float: left;border:0.05rem solid rgb(220,220,220);border-radius: 0.5rem;
}
.home-hgtse{
	font-size: 1.3rem;color: rgb(218,37,28);
	height: 3rem;line-height: 3rem;
}
.home-hgjies{
	font-size: 1.3rem;color: rgb(105,105,105);
}

.home-bug{
	width: 100%;
	height: 3.8rem;
	float: left;
	padding-top: 1.5rem;
}
.home-drimg{
	width: 1.85rem;height: 1.85rem;
	/*margin-top: 1.2rem;*/
	float: left;
}
.home-dr{
	font-size: 1.3rem;padding-left: 3.1rem;
}
.home-scgy{
	width: 92%;margin: 1rem auto;
}
/*内容*/
.home-sc{
	width: 100%;margin-top: 1.5rem;overflow: hidden;
}

.home-scCont{
	width: 47.5%;border: 0.05rem solid rgb(220,220,220);height: 22.6rem;position: relative;float: left;margin-bottom: 1rem;
}
.home-sc div:nth-child(2n+2){
	float: right;
}
.home-scImg{
	width: 15.65rem;height: 15.65rem;position: absolute;left: 0;right: 0;margin: 0 auto;margin-top: 0.5rem;
}
.home-scname{
	position: absolute;top: 16.65rem;font-size: 1.4rem;padding-left: 1rem;
}
.home-scprice{
	position: absolute;top: 18.65rem;font-size: 1.8rem;color: rgb(218,37,28);padding-left: 1rem;
}
/*火锅产品*/
.home-product{
	width: 92%;margin: 1rem auto;
}
/*内容*/
.home-huoguoPp{
	width: 100%;margin-top: 1.5rem;overflow: hidden;
}
.home-hgname{
	width: 47.5%;height: 11.5rem;float: left;margin-bottom: 1.5rem;
}
.home-hgname a{
	width: 100%;height: 100%;display: inline-block;
}
.home-hgnameimg{
	width: 100%;height: 100%;border-radius:0.5rem;border: 0.05rem solid rgb(220,220,220);
}
.home-huoguoPp div:nth-child(2n+2){
	float: right;
}



/*新闻*/

body{
	width: 100%;
	background: rgb(238,243,246);
}
.new-bg{
	width: 100%;background: white;
}
.new-news{
	width: 100%;height: 13.5rem;background: white;
	border-bottom: 0.05rem solid rgb(220,220,220);
	
}
.new-ddd{
	width: 92.8%;height: 13.5rem;overflow: hidden;position: relative;margin: 0 auto;
}
.new-left{
	width: 34.5%;height: 10.5rem;float: left;position: absolute;top: 0;bottom: 0;margin: auto 0;margin-left: 0.5rem;
}
.new-left img{
	width: 100%;height: 10.4rem;
}
.new-right{
	width: 53%;height: 10.4rem;float: right;
	position: absolute;top: 0;bottom: 0;right:0.8rem;margin: auto 0;overflow: hidden;
}
.new-name{
	font-size: 1.4rem;color: rgb(51,51,51);
}
.new-time{
	font-size: 1.2rem;margin: 1rem 0 0.75rem 0;
	color: rgb(153,153,153);
}
.new-cont{
	font-size: 1.2rem;color: rgb(102,102,102);
}

/*xiangqing*/
.new-xiangqing{
	width: 94%;background: white;margin: 0 auto;
	display: none;
}
.new-top{
	width: 100%;border-bottom: 0.05rem solid rgb(220,220,220);padding-top: 2.5rem;
}
.new-h1{
	font-size: 1.8rem;text-align: center;
}
.new-tt{
	font-size: 1.3rem;color: rgb(153,153,153);text-align:right;padding-right: 4.5rem;margin: 1.5rem 0;
}
.new-foot{
	width: 100%;padding-top: 1rem;
}
.new-upcont{
	font-size: 1.3rem;text-indent: 2.6rem;color: rgb(102,102,102);font-weight: 100;
}
.new-img{
	width: 100%;height: 11rem;margin: 1rem 0;
}
.new-downcount{
	font-size: 1.3rem;text-indent: 2.6rem;color: rgb(102,102,102);font-weight: 100;padding-bottom: 2rem;
}




/*join部分总览*/

html{
	/*font-size: 20px;*/
}
.join-body{
	display: block;
	
	box-sizing: border-box;
	overflow: hidden;
	
	width: 100%;
	padding-bottom: 1rem;
}
.chain{
	/*width: 200%;*/
	background: white;
	
	box-sizing: border-box;
}
/*标题部分*/
li{
	list-style-type: none;
}
.join-ul{
	display: flex;
	justify-content: space-around;
	width: 100%;
	height: 4.5rem;
	padding-bottom: 0.1rem;
	border-bottom: 0.1rem solid gainsboro;
}
.join-ul li{
	width: 10rem;
	height: 4.5rem;
	line-height: 5rem;
	text-align: center;
	font-weight: 200;
	font-size: 1.5rem;
}
.join-li1{
	color: red;
	border-bottom: solid red  0.1rem;
}
.join-li2{
	border-bottom: solid transparent  0.1rem;
}
.join-li3{
	border-bottom: solid transparent  0.1rem;
}
/*页面内容部分*/
.join-page2,.join-page3{
	display: none;
	background: white;
}
.join-page1{
	background: white;
	padding-bottom: 1.5rem;
}

.join-page2{
	padding-bottom: 3.25rem;
}
.ru{
	margin-top: 1rem;
}
/*第一页协会介绍*/
.join-li1-texts{
	line-height: 2.5rem;
	
	color:gray;
	text-indent: 4rem;
	padding: 0 1.5rem;
	margin-top: 1rem;
	box-sizing: border-box;
}
.join-li1-text1{
	font-size: 1.3rem;
	
}
.join-li1-text2{
	font-size: 1.3rem;
}
.join-li1-text3,.join-li1-text4{
margin-top: 2.3rem;
font-size: 1.3rem;
}
.join-li1-text4{
	margin-bottom: 4rem;
}
/*第二页协会介绍*/
.join-li2-button{
	color: white;
	background-color: rgb(218,37,28);
	margin:-1.7rem  auto  3.35rem;
	border-radius: 0.3rem;
	border: none;
	display: block;
	font-size: 1.8rem;
	width: 95.5%;
	height: 4.65rem;
}
/*第三页学习报名*/
.join-page3{
	background: rgb(238,243,246);
	overflow: hidden;
}
.join-li3-inputs{
	margin-top:1.25rem;
	background: white;
}
.join-li3-input1{
	width: 100%;
	height: 4.6rem;
	margin-left: 1.5rem;
	border-top: 2px solid gainsboro;
}
.join-li3-input1 input{
	display: inline-block;
	float: left;
	width: 45%;
	height: 4.5rem;
	
	margin-left: 2%;
	height: 4.5rem;
	font-size: 1.3rem;
	
	/*border-bottom: 1px solid gainsboro;*/
}
.join-li3-input2{
	margin-left: 1.5rem;
}

.join-span{
	line-height: 4.6rem;
	text-align: left;
	font-size: 1.5rem;
	float: left;
	width: 7rem;
	height: 3.5rem;
}
.join-li3-input2{
	width: 100%;
	height: 18rem;
	border-top: 0.05rem solid gainsboro;
	border-bottom: 0.05rem solid gainsboro;
}

.join-li3-input2 textarea{
	float: right;
	width: 70%;	
	height: 60%;
	margin-right:4%;
	padding:0.5rem;
	resize: none;
	line-height: 1.5rem;
	font-size: 1.3rem;
	padding-top: 1.6rem;
}
.join-li3-button{
	color: white;
	background-color: rgb(218,37,28);
	
	border-radius: 0.3rem;
	margin-top: 3rem;
	font-size: 1.8rem;
	text-align: center;
	margin-left: 4%;
	margin-right: 4%;
	line-height: 4.45rem;
	height: 4.55rem;

}
.join-li3-s1,.join-li3-s2{
	color: red;
	width: 5%;
	height: 2%;
	font-size: 1rem;
	line-height: 4.6rem;
	margin-left: 0.5rem;
}
.join-li3-p{
	color: red;
	width: 100%;
	font-size: 1rem;
	overflow: hidden;text-align: center;
	opacity: 0;
}

.join-li3-s3{
	color: red;
	margin-top: 1.5rem;
	margin-left: 22rem;
	z-index: 300;
	display: none;
}
/*加盟连锁*/
.chain-sendup{
		border-bottom: 0.05rem solid gainsboro;
		border-top: 0.05rem solid gainsboro;
		height: 13.05rem;
		margin-left: 1.5rem;
}
#chain-pt{
	position: absolute;
	width: 10rem;
	height: 10rem;
	z-index: 200;
	opacity: 0;
	margin-top: 1.5rem;
}
#chain-ddd  img{
	width: 10rem;
	height: 10rem;
	z-index: 500;
	position: absolute;
	margin-top: 1.5rem;	
}
#chain-jia{
	width: 10rem;
	height: 10rem;
	border: 0.05rem solid gainsboro;
	text-align: center;
	margin-left: 6.95rem;
	position: absolute;
	margin-top: 1.45rem
}
#chain-jia img{
	width: 4rem;
	height: 4rem;
	display: block;
	margin:3rem;
	}
.chain-spans1,.chain-spans2,.chain-spans3,.chain-spans4{
	color: red;
	top: 2rem;
	margin-left: 0.5rem;
	position: absolute;
	font-size: 1rem;
}
.chain-spans1{
	top: 2rem;
}
.chain-spans2{
	top: 6.5rem;
}
.chain-spans3{
	top: 11rem;
}
.chain-spans4{
	top: 16.5rem;
}

.join-li3-input1,.chain-sendup{
	background: white;
}


.image_container {
	width: 10rem;
	height: 10rem;
	border: 0.05rem solid gainsboro;
	text-align: center;
	margin-left: 6.95rem;
	position: absolute;
	margin-top: 1.45rem
}

.bao{
	background: white;
}
#preview {
	width: 10rem;
	height: 10rem;
	border: 0rem solid white;
}















